home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2007 December / PCWKCD1207B.iso / Blogowanie poza sfera / Scribefire-1.4.2 / scribefire-1.4.2-fx+fl.xpi / chrome / content / midas.js < prev    next >
Encoding:
JavaScript  |  2007-07-24  |  39.5 KB  |  1,032 lines
  1. /*
  2. Firefox Midas Handling code (Rich text editing)
  3. -----------------------------------------------------
  4.  
  5. A portion of this code is derived from GPL 2.0 code originally by David Murray, author of the outstanding DeepestSender extension (http://deepestsender.mozdev.org)
  6. Original note by David Murray:
  7. This lot of code is half made up from Mozilla.org's Midas demo (http://www.mozilla.org/editor/midasdemo/)
  8. and Netscape DevEdge's demo of the control also (http://devedge.netscape.com/viewsource/2003/midas/01/).
  9. */
  10.  
  11. var gPerFormancingColorPick = false; //Keep color picker from triggering twice (bad hack)
  12. var gPerFormancingSelectedTab = 0;
  13. var gTheTabHTMLEditor = null;
  14. var performancingMidas = new Object();
  15. var performancingTextEdit = new Object();
  16.  
  17. performancingMidas.setUpMidas = function() {
  18.     this.dontautoformat = false;
  19.     var midas = performancingUI.getRichEditor();
  20.     var theSourceBox = document.getElementById("performancing-message-source");
  21.     window.editorShell = midas.editorShell;
  22.     this.makeBlank();
  23.     midas.makeEditable("html", false);
  24.     this.sourceview = false;
  25.     
  26.     //Set Color icon to black. performance-color-picker
  27.     document.getElementById("performance-color-picker").color = "#000000";
  28.     
  29.     //Open Last viewed window
  30.     var lastOpenedEditTab = null;
  31.     try{
  32.         lastOpenedEditTab = gPerformancingUtil.prefs.getCharPref('display.state.lastviewopened');
  33.     }catch(e){
  34.         lastOpenedEditTab = "tab-normal-edit";
  35.     }
  36.     var lastOpenedEditTabObj = document.getElementById(lastOpenedEditTab);
  37.     //performancingMidas.viewTab(lastOpenedEditTabObj);
  38.     //var tabbox = document.getElementById("performancing-editor-tabbox"); 
  39.     //tabbox.selectedIndex = lastOpenedEditTab;
  40.     
  41.     if(lastOpenedEditTab == 0){
  42.         midas.contentWindow.focus();
  43.     }else if(lastOpenedEditTab == 1){
  44.         theSourceBox.focus();
  45.     }
  46.     
  47.     gTheTabHTMLEditor = midas.getHTMLEditor(midas.contentWindow);
  48.     var useCSS = gPerformancingUtil.prefs.getBoolPref("settings.usecss");
  49.     midas.contentDocument.execCommand("styleWithCSS", false, useCSS);
  50.     //gTheTabHTMLEditor.returnInParagraphCreatesNewParagraph = true;
  51. }
  52.  
  53. performancingMidas.makeBlank = function() {
  54.     // This is to blank out the iframe, for if a post has been sent succesfully or whatever.
  55.     var midas = document.getElementById("performancing-message");
  56.     var SourceTextBox = document.getElementById("performancing-message-source");
  57.     var subjectTextBox = document.getElementById("performancing-editor-subject");
  58.     var winPreview = document.getElementById("performancing-preview-display");
  59.     try{
  60.         winPreview.contentWindow.document.body.innerHTML = "";
  61.     }catch(e){}
  62.     SourceTextBox.value = "";
  63.     subjectTextBox.value = "";
  64.     //midas.contentDocument.body.innerHTML = "<p> </p>";
  65.     midas.contentDocument.body.innerHTML = "<br/>";
  66.     midas.contentDocument.designMode = "On";
  67.     
  68.     var useCSS = gPerformancingUtil.prefs.getBoolPref("settings.usecss");
  69.     midas.contentDocument.execCommand("styleWithCSS", false, useCSS);
  70.     
  71.     //midas.contentWindow.document.body.innerHTML = "<p> </p>";
  72.     midas.contentWindow.document.body.innerHTML = "<br/>";
  73.     midas.contentWindow.focus()
  74. }
  75.  
  76. performancingMidas.doSomeEditCommand = function(aName, aArg) {
  77.     var bfEditorTabSelected = document.getElementById("performancing-editor-tabbox").selectedIndex;
  78.     if(bfEditorTabSelected == 1){
  79.         performancingTextEdit.insertCode(aName, null, null);
  80.     }else{
  81.         this.doRichEditCommand(aName, aArg);
  82.     }
  83. } 
  84.  
  85. performancingMidas.doRichEditCommand = function(aName, aArg) {
  86.     var midas = document.getElementById("performancing-message");
  87.     // substitute undefined command identifiers
  88.     midas.contentDocument.execCommand(aName,false, aArg);
  89.     midas.contentWindow.focus()
  90. } 
  91.  
  92. performancingMidas.addLink = function(){
  93.         var midas = document.getElementById("performancing-message");
  94.         var bfEditorTabSelected = document.getElementById("performancing-editor-tabbox").selectedIndex;
  95.         if(bfEditorTabSelected == '1'){
  96.             performancingTextEdit.insertCode('url', null, null);
  97.         }else{
  98.             var localeString = performancingUI.getLocaleString('midaseenterurl', []);
  99.             var myUrl = prompt(localeString, "http://");
  100.             if (myUrl != null && myUrl != "http://") {
  101.                 midas.contentDocument.execCommand("createLink", false, myUrl);
  102.             }
  103.         }
  104. }
  105.  
  106. performancingMidas.blockquote = function(){
  107.   performancingMidas.doApplyTag("blockquote");
  108. }
  109.  
  110.  
  111. performancingMidas.strong = function(){
  112.   performancingMidas.doApplyTag("strong");
  113. }
  114.  
  115. performancingMidas.em = function(){
  116.   performancingMidas.doApplyTag("em");
  117. }
  118.  
  119. performancingMidas.doApplyTag = function(sTagName) {
  120.   var bfEditorTabSelected, midas, oRange, sRange, newNode;
  121.   bfEditorTabSelected = document.getElementById("performancing-editor-tabbox").selectedIndex;
  122.   midas = document.getElementById("performancing-message");
  123.   oRange = midas.contentWindow.getSelection().getRangeAt(0);  // this will exist only in the rich text editor
  124.     if(bfEditorTabSelected == '1'){
  125.       performancingTextEdit.insertCode(sTagName, null, null);
  126.     } else if(performancingMidas.isTagPresent(sTagName, oRange) && !oRange.collapsed) {
  127.       performancingMidas.removeTag(oRange);
  128.     } else {
  129.       sRange = oRange.toString();
  130.       oRange.deleteContents();
  131.       newNode = midas.contentDocument.createElement(sTagName);
  132.       newNode.appendChild(midas.contentDocument.createTextNode(sRange));
  133.       oRange.insertNode(newNode);
  134.  
  135.       // TODO: set focus back AFTER the range
  136.       sRange = null;
  137.       newNode = null;
  138.     }
  139.  
  140.   bfEditorTabSelected = null;
  141.   midas = null;
  142.   if(oRange) oRange.detach();
  143. }
  144.  
  145. performancingMidas.isTagPresent = function(sTagName, oRange) {
  146.   sTagName = sTagName.toUpperCase();
  147.   if(oRange.startContainer.parentNode.nodeName == sTagName || oRange.endContainer.parentNode.nodeName == sTagName)
  148.     return true;
  149.   else
  150.     return false;
  151. }
  152.  
  153. performancingMidas.removeTag = function(oRange) {
  154.   var sRange = oRange.toString();
  155.   var midas = document.getElementById("performancing-message");
  156.   oRange.deleteContents();
  157.   oRange.insertNode(midas.contentDocument.createTextNode(sRange));
  158.   sRange = null;
  159.   return false;
  160. }
  161.  
  162. //Not used blockquote
  163. performancingMidas.bold = function(){
  164.         var midas = document.getElementById("performancing-message");
  165.         var bfEditorTabSelected = document.getElementById("performancing-editor-tabbox").selectedIndex;
  166.         if(bfEditorTabSelected == '1'){
  167.             performancingTextEdit.insertCode('url', null, null);
  168.         }else{
  169.             var strong = midas.contentWindow.document.createElement("strong");
  170.             var sel = midas.contentWindow.getSelection();
  171.             var range = sel.getRangeAt(0);
  172.             var beforeNode = range.extractContents();
  173.             //var beforeNode = document.createTextNode(range);
  174.             strong.appendChild(beforeNode);//Range is not an object! Damn it!
  175.             this.insertNodeAtSelection(midas.contentWindow, strong, null);
  176.             //alert("bold!");
  177.         }
  178. }
  179.  
  180.  
  181. performancingMidas.addImage = function() {
  182.         var midas = document.getElementById("performancing-message");
  183.         
  184.         var bfEditorTabSelected = document.getElementById("performancing-editor-tabbox").selectedIndex;
  185.         if(bfEditorTabSelected == '1'){
  186.             performancingTextEdit.insertCode('img', null, null);
  187.         }else{
  188.             /*
  189.             var imagetag = prompt("Please enter a Image URL:", "http://");
  190.             //alert('imagetag:' + imagetag+':dude');
  191.             if (imagetag != "http://" && imagetag != null) {
  192.                 var img = midas.contentWindow.document.createElement("img");
  193.                 img.setAttribute("src",imagetag);
  194.                 this.insertNodeAtSelection(midas.contentWindow, img);
  195.                 this.placeCaret(midas, img.nextSibling);
  196.             }
  197.             */
  198.             var theImageToInsert = performancingUI.openImageUpload();
  199.             if(theImageToInsert != false){
  200.                 var img = midas.contentWindow.document.createElement("img");
  201.                     img.setAttribute("src",theImageToInsert);
  202.                     this.insertNodeAtSelection(midas.contentWindow, img);
  203.                     this.placeCaret(midas, img.nextSibling);
  204.             }
  205.         }
  206. }
  207.  
  208. /*
  209.     For Testing only
  210. */
  211. performancingMidas.addImage2 = function() {
  212.         var midas = document.getElementById("performancing-message");
  213.         
  214.         var bfEditorTabSelected = document.getElementById("performancing-editor-tabbox").selectedIndex;
  215.         if(bfEditorTabSelected == '1'){
  216.             performancingTextEdit.insertCode('img', null, null);
  217.         }else{
  218.             /*
  219.             var imagetag = prompt("Please enter a Image URL:", "http://");
  220.             //alert('imagetag:' + imagetag+':dude');
  221.             if (imagetag != "http://" && imagetag != null) {
  222.                 var img = midas.contentWindow.document.createElement("img");
  223.                 img.setAttribute("src",imagetag);
  224.                 this.insertNodeAtSelection(midas.contentWindow, img);
  225.                 this.placeCaret(midas, img.nextSibling);
  226.             }
  227.             */
  228.             var theImageToInsert = performancingUI.openImageUpload();
  229.             if(theImageToInsert != false){
  230.                 var img = midas.contentWindow.document.createElement("img");
  231.                     img.setAttribute("src",theImageToInsert);
  232.                     this.insertNodeAtSelection(midas.contentWindow, img);
  233.                     this.placeCaret(midas, img.nextSibling);
  234.             }
  235.         }
  236. }
  237.  
  238. performancingMidas.insertNodeAtSelection = function(win, insertNode, type) {//type = before, after null
  239.     // get current selection
  240.     var sel = win.getSelection();
  241.     //alert("sel: "+ sel + " sel.getRangeAt(0): " + sel.getRangeAt(0));
  242.  
  243.     // get the first range of the selection
  244.     // (there's almost always only one range)
  245.     var range = sel.getRangeAt(0);
  246.  
  247.     // deselect everything
  248.     sel.removeAllRanges();
  249.  
  250.     // remove content of current selection from document
  251.     //var clone = null;
  252.     if(type == null){
  253.         range.deleteContents();
  254.     }
  255.  
  256.     // get location of current selection
  257.     var container = range.startContainer;
  258.     var pos = range.startOffset;
  259.     if(type == "after"){
  260.         container = range.endContainer;
  261.         pos = range.endOffset;
  262.     }
  263.  
  264.     // make a new range for the new selection
  265.     range=document.createRange();
  266.  
  267.     if (container.nodeType==3 && insertNode.nodeType==3) {
  268.         // if we insert text in a textnode, do optimized insertion
  269.         container.insertData(pos, insertNode.nodeValue);
  270.  
  271.         // put cursor after inserted text
  272.         range.setEnd(container, pos+insertNode.length);
  273.         range.setStart(container, pos+insertNode.length);
  274.     } else {
  275.         var afterNode;
  276.         if (container.nodeType==3) {
  277.             // when inserting into a textnode
  278.             // we create 2 new textnodes
  279.             // and put the insertNode in between
  280.             var textNode = container;
  281.             container = textNode.parentNode;
  282.             var text = textNode.nodeValue;
  283.  
  284.             // text before the split
  285.             var textBefore = text.substr(0,pos);
  286.             // text after the split
  287.             var textAfter = text.substr(pos);
  288.  
  289.             var beforeNode = document.createTextNode(textBefore);
  290.             var afterNode = document.createTextNode(textAfter);
  291.  
  292.             // insert the 3 new nodes before the old one
  293.             container.insertBefore(afterNode, textNode);
  294.             container.insertBefore(insertNode, afterNode);
  295.             container.insertBefore(beforeNode, insertNode);
  296.  
  297.             // remove the old node
  298.             container.removeChild(textNode);
  299.         } else {
  300.             // else simply insert the node
  301.             afterNode = container.childNodes[pos];
  302.             container.insertBefore(insertNode, afterNode);
  303.         }
  304.         range.setEnd(afterNode, 0);
  305.         range.setStart(afterNode, 0);
  306.     }
  307.  
  308.     sel.addRange(range);
  309. }
  310.  
  311.  
  312.  
  313. //Places the caret inside and at the beginning of the node specified
  314. performancingMidas.placeCaret = function(win, node) {
  315.     var sel = win.contentWindow.getSelection();
  316.     var range = sel.getRangeAt(0);
  317.     sel.removeAllRanges();
  318.     range=document.createRange();
  319.     range.setEnd(node, 0);
  320.     range.setStart(node, 0);
  321.     sel.addRange(range);
  322.     win.contentWindow.focus();
  323. }
  324.  
  325. //
  326. performancingMidas.placeCaretLite = function(win) {
  327.     var sel = win.contentWindow.getSelection();
  328.     var range = sel.getRangeAt(0);
  329.     sel.removeAllRanges();
  330.     range=document.createRange();
  331.     sel.addRange(range);
  332.     win.contentWindow.focus();
  333. }
  334.  
  335. //For generic XHTML compliance
  336. performancingMidas.getXHTML = function(text) {
  337.     //Fix closing tags on single elements
  338.     text = text.replace(/<(br|hr|img)([^>]*)([^\/])>/gi, "<$1$2$3 />");
  339.     //Remove extra space in case it was formatted as <br > - not a big deal
  340.     text = text.replace(/<(br|hr|img)([^>]*)  \/>/gi, "<$1$2 />");
  341.     //Add space if it is <br style=""/> at this point
  342.     text = text.replace(/<(br|hr|img)([^>]*)"\/>/gi, "<$1$2\" />");
  343.     //Make sure br is closed
  344.     text = text.replace(/<br>/gi, "<br />");
  345.     return text;
  346. }
  347.  
  348.  
  349. // Source -> Normal (note: DOM is NOT compliant at this point)
  350. // 1) The value of the Source tab's textbox is stored in a variable and modified using RegExp's to make it DOM compliant and any other formating that should be done at this time.
  351. // 2) The innerHTML of the Preview tab's frame is replaced with the value from the variable.
  352. // 3) Any DOM modifications that are needed for the Normal tab are made to the Preview tab's frame.
  353. // 4) The innerHTML of the Normal tab's editor is replaced with the innerHTML from the Preview tab's frame.
  354. // (note: Preview handles adding the subject and just about everything else is taken from the Normal tab
  355. performancingMidas.syncNormalTab = function() {
  356.     //***Begin RegExp phase***
  357.     var text = document.getElementById("performancing-message-source").value;
  358.  
  359.     if (this.dontautoformat.toString() != "true") {
  360.         //When leaving source view we only use the DS specific classes for br's when "Don't auto-format" is NOT checked.
  361.         text = text.replace(/(\r)?\n/gi, "<br/>");
  362.         text = text.replace(/<br( \/)?>/gi, "<br/>");
  363.     }
  364.  
  365.  
  366.     //For generic XHTML compliance whether the user wants them or not?
  367.     text = this.getXHTML(text);
  368.  
  369.     //***End RegExp phase***
  370.     try{
  371.         //***Begin DOM phase***
  372.         var winNormal = document.getElementById("performancing-message");
  373.         var winPreview = document.getElementById("performancing-preview-display");
  374.         winPreview.contentWindow.document.body.innerHTML = text;
  375.         var elements = winPreview.contentDocument.getElementsByTagName("*");
  376.     
  377.         //this.cleanup();
  378.         //***End DOM phase***
  379.     
  380.         text = winPreview.contentWindow.document.body.innerHTML;
  381.     
  382.         winNormal.contentWindow.document.body.innerHTML = text;
  383.     }catch(e){
  384.         //Foo
  385.     }
  386. }
  387.  
  388. // Normal -> Source (note: DOM is compliant at this point)
  389. // 1) The innerHTML in the Preview tab's frame is replaced with the innerHTML from the Normal tab's editor.
  390. // 2) Any DOM modifications that are needed for the Source tab are made to the Preview tab's frame.
  391. // 3) The innerHTML of the Preview tab's frame is then stored in a variable and further modified using RegExp's.
  392. // 4) The value of the Source tab's textbox is then replaced with the contents of the variable.
  393. performancingMidas.syncSourceTab = function() {
  394.  
  395.     //***Begin DOM phase***
  396.     var winNormal = document.getElementById("performancing-message");
  397.     var winPreview = document.getElementById("performancing-preview-display");
  398.     try{
  399.         winPreview.contentWindow.document.body.innerHTML =    winNormal.contentWindow.document.body.innerHTML;
  400.         //this.cleanup();
  401.     
  402.         var text = winPreview.contentWindow.document.body.innerHTML;
  403.         //***End DOM phase***
  404.         //***Begin RegExp phase***
  405.         //replace 0 or 1 newline followed by a br followed by 0 or 1 newline with a formatted br
  406.         text = text.replace(/<br([^>]*)>[\r\f]?\n/gi, "<br$1 />");
  407.         text = text.replace(/[\r\f]\n? ?/gi, " ");
  408.         text = text.replace(/\n ?/gi, " ");
  409.     
  410.         //remove all br's at the end of the string. The editor usually adds at least one.
  411.         text = text.replace(/<br( \/)?>$/gi, "");
  412.     
  413.         if (this.dontautoformat.toString() != "true") {
  414.             //Replace any new br's entered in the message tab with newlines
  415.             text = text.replace(/<br( \/)?>/gi,"\n");
  416.         }
  417.     
  418.     
  419.         //For generic XHTML compliance whether the user wants them or not?
  420.         text = this.getXHTML(text);
  421.     
  422.         //***End RegExp phase***
  423.     
  424.         document.getElementById("performancing-message-source").value = text;
  425.     }catch(e){}
  426. }
  427.  
  428. performancingMidas.viewTab = function(tabname) {
  429.     // To move between textbox and iframe. The 'this.sourceview' thing is to stop it blanking the post if you click
  430.     // the same tab that you're already on. (ie. if you're in source view and click the 'source' tab)
  431.     var theClickedID = tabname.id;
  432.     
  433.     var tabbox = document.getElementById("performancing-editor-tabbox");
  434.     
  435.     var theTabList = ["tab-normal-edit","tab-source-edit","tab-preview-edit"];
  436.     for(var i=0; i < theTabList.length; i++){
  437.         if(theTabList[i] != theClickedID){
  438.             document.getElementById(theTabList[i]).setAttribute("isselected","false");
  439.         }
  440.     }
  441.     
  442.     switch(theClickedID){
  443.         case "tab-normal-edit":
  444.             performancingUI.theSpellcheck = performancingUI.richSpellCheck;
  445.             tabbox.selectedIndex = 0;
  446.             tabname.setAttribute("isselected","true");
  447.             gPerformancingUtil.prefs.setCharPref('display.state.lastviewopened', theClickedID);
  448.             break;
  449.             
  450.         case "tab-source-edit":
  451.             performancingUI.theSpellcheck = performancingUI.sourceSpellCheck;
  452.             tabbox.selectedIndex = 1;
  453.             tabname.setAttribute("isselected","true");
  454.             gPerformancingUtil.prefs.setCharPref('display.state.lastviewopened', theClickedID);
  455.             break;
  456.             
  457.         case "tab-preview-edit":
  458.             tabbox.selectedIndex = 2;
  459.             tabname.setAttribute("isselected","true");
  460.             break;
  461.             
  462.     }
  463.     
  464.     var selectedTab = tabbox.selectedIndex;
  465.     
  466.     
  467.     //if (selectedTab == 0 && this.sourceview) {
  468.     if (selectedTab == 0 && gPerFormancingSelectedTab != 0) {
  469.         this.syncNormalTab();
  470. //This is still buggy
  471. //        placeCaret(document.getElementById("message"), document.getElementById("message").contentWindow.document.body.lastChild);
  472.         document.getElementById("performancing-message").contentWindow.focus();
  473.         this.sourceview = false;
  474.         gPerFormancingSelectedTab = 0;
  475.     //} else if (selectedTab == 1 && !this.sourceview) {
  476.     } else if (selectedTab == 1     && gPerFormancingSelectedTab != 1) {
  477.         this.syncSourceTab();
  478.         document.getElementById("performancing-message-source").setSelectionRange(document.getElementById("performancing-message-source").textLength, document.getElementById("performancing-message-source").textLength);
  479.         document.getElementById("performancing-message-source").focus();
  480.         this.sourceview = true;
  481.         gPerFormancingSelectedTab = 1;
  482.     } else if (selectedTab == 2     && gPerFormancingSelectedTab != 2) {
  483.         if (this.sourceview == true) {
  484.             this.syncNormalTab();
  485.         } else {
  486.             this.syncSourceTab();
  487.         }
  488.         this.previewPost();
  489.         gPerFormancingSelectedTab = 2;
  490.     }else{
  491.         //alert('Error, no tab selected');
  492.     }
  493. }
  494.  
  495. // Say welcome back to the Preview function
  496. performancingMidas.previewPost = function() {
  497.     var winNormal = document.getElementById("performancing-message");
  498.     var winPreview = document.getElementById("performancing-preview-display");
  499.     //Always use Normal tab for this since it is almost completely formatted for this already... yes, it is read twice when coming from the source tab
  500.     var copiedToPreview = winNormal.contentWindow.document.body.innerHTML + "\n"; //to avoid removing the last line which might not end in a newline?
  501.     var subjectPreview = document.getElementById("performancing-editor-subject").value;
  502.     
  503.     if (subjectPreview) {
  504.         copiedToPreview = "<strong>"+ subjectPreview + ":</strong><br><br>" + copiedToPreview;
  505.     }
  506.     winPreview.contentDocument.body.innerHTML = copiedToPreview;
  507. }
  508.  
  509.  
  510. performancingMidas.toggleSidebar = function(forceOpen) {
  511.     var performancingSidebarElement = document.getElementById("performancing-sidebar-outer");
  512.     var performancingSidebarButton = document.getElementById("performancing-sidebarbutton");
  513.     
  514.     var isCollapsed = performancingSidebarElement.getAttribute('collapsed');
  515.     if(isCollapsed == 'true' || forceOpen){
  516.         performancingSidebarElement.setAttribute('collapsed', false);
  517.         performancingSidebarButton.setAttribute('state', 'open');
  518.         var localeString = performancingUI.getLocaleString('closesidebar', []);
  519.         performancingSidebarButton.setAttribute('tooltiptext', localeString);
  520.     }else{
  521.         performancingSidebarElement.setAttribute('collapsed', true);
  522.         performancingSidebarButton.setAttribute('state', 'closed');
  523.         var localeString = performancingUI.getLocaleString('opensidebar', []);
  524.         performancingSidebarButton.setAttribute('tooltiptext', localeString);
  525.     }
  526. }
  527.  
  528. //Handle preview link clicks
  529. performancingMidas.previewClick = function(event) {
  530.     var linkString;
  531.     var isLink = false;
  532.     try{
  533.       //The parentNode is just incase we have an image or other object wrapped around a mailto link.
  534.       linkString = event.originalTarget.parentNode.getAttribute('href').toString();
  535.       isLink = true;
  536.     }catch (e) {
  537.       linkString = "Null";
  538.     }
  539.     
  540.     try{
  541.       linkString = event.originalTarget.getAttribute('href').toString();
  542.       isLink = true;
  543.     }catch (e) {
  544.       //Foobar
  545.     }
  546.     if(isLink == true){
  547.         event.preventDefault();
  548.         performancingUI.openInTab(linkString);
  549.     }
  550. }
  551.  
  552. //Used for Tag insertion in Source Editor
  553. performancingTextEdit.insertCode = function(myCommand, codeType, mycustomstring) {
  554.     var clip = Components.classes["@mozilla.org/widget/clipboard;1"].createInstance(Components.interfaces.nsIClipboard);
  555.     if (!clip){
  556.       return false;
  557.     }
  558.     
  559.     
  560.     var trans = Components.classes["@mozilla.org/widget/transferable;1"].createInstance(Components.interfaces.nsITransferable);
  561.     if (!trans){
  562.       return false;
  563.     }
  564.     
  565.       trans.addDataFlavor("text/unicode");
  566.       clip.getData(trans,clip.kGlobalClipboard);
  567.  
  568.     
  569.     var str = null;
  570.     var str_clipboard=new Object();
  571.     var strLength=new Object();
  572.     try{
  573.       trans.getTransferData("text/unicode",str_clipboard,strLength);
  574.   
  575.   
  576.       if (str_clipboard){
  577.         str_clipboard=str_clipboard.value.QueryInterface(Components.interfaces.nsISupportsString);
  578.       }
  579.       if (str_clipboard){
  580.         pastetext=str_clipboard.data.substring(0,strLength.value / 2);
  581.       }
  582.     }catch (e){
  583.       //alert("No text in the clipboard, please copy something first.");
  584.     }
  585.     
  586.     //var theBox = document.commandDispatcher.focusedElement;
  587.     var theBox = document.getElementById("performancing-message-source");
  588.     var oPosition = theBox.scrollTop;
  589.     var oHeight = theBox.scrollHeight;
  590.     
  591.     
  592.     //Get Selected text (if selected)
  593.       var startPos = theBox.selectionStart;
  594.       var endPos = theBox.selectionEnd;
  595.       str = theBox.value.substring(startPos, endPos);
  596.       //alert("Str: " +str);
  597.  
  598.     //if(codeType == "bbcode"){
  599.     if( gPerformancingUtil.prefs.getBoolPref('settings.usecss') ){
  600.         performancingTextEdit.insertAtCursorSetup(myCommand, str_clipboard, str, theBox, mycustomstring);
  601.     }else{
  602.         performancingTextEdit.insertHTMLAtCursorSetup(myCommand, str_clipboard, str, theBox, mycustomstring);
  603.     }
  604.     
  605.     var nHeight = theBox.scrollHeight - oHeight;
  606.     theBox.scrollTop = oPosition + nHeight;
  607.     
  608.     return true;
  609. }
  610.  
  611. //CSS!
  612. performancingTextEdit.insertAtCursorSetup = function(myCommand, str_clipboard, str, theBox) {
  613.     var bold = "<strong>";
  614.     var boldend="<\/strong>";
  615.     var color = "<span style=\"color: ";
  616.     var color2 = "\">";
  617.     var colorend = "<\/span>";
  618.     var colorend2 = "</span>";
  619.     var select_flag = (str != "");
  620.     switch (myCommand){
  621.         
  622.       case "img":
  623.         /*
  624.         var imagetag = prompt("Please enter a Image URL:", "http://");
  625.         if (imagetag != "http://" && imagetag != null) {
  626.             performancingTextEdit.insertAtCursor("<img src=\"" + imagetag + "\"/>");
  627.         }
  628.         */
  629.         var theImageToInsert = performancingUI.openImageUpload();
  630.         if(theImageToInsert != false){
  631.             performancingTextEdit.insertAtCursor("<img src=\"" + theImageToInsert + "\"/>");
  632.         }
  633.         
  634.         break;
  635.         
  636.       case "url2":
  637.         performancingTextEdit.insertAtCursorEx("<a href=\"\">" + str,"</a>",select_flag);
  638.         break;
  639.         
  640.       case "url":
  641.         var localeString = performancingUI.getLocaleString('midaseenterurl', []);
  642.         var myUrl = prompt(localeString, "http://");
  643.         if (myUrl != null && myUrl != "http://") {
  644.             performancingTextEdit.insertAtCursorEx("<a href=\"" + myUrl + "\">" + str,"</a>",select_flag);
  645.         }
  646.         break;
  647.         
  648.       case "bold":
  649.         performancingTextEdit.insertAtCursorEx("<span style=\"font-weight: bold;\">" + str,"</span>",select_flag);
  650.         break;
  651.         
  652.       case "italic":
  653.         performancingTextEdit.insertAtCursorEx("<span style=\"font-style: italic;\">" + str,"</span>",select_flag);
  654.         break;
  655.         
  656.       case "underline":
  657.         performancingTextEdit.insertAtCursorEx("<span style=\"text-decoration: underline;\">" + str,"</span>",select_flag);
  658.         break;
  659.       
  660.       case "strikethrough":
  661.         performancingTextEdit.insertAtCursorEx("<span style=\"text-decoration: line-through;\">" + str,"</span>",select_flag);
  662.         break;
  663.         
  664.       case "strong":
  665.         performancingTextEdit.insertAtCursorEx("<strong>" + str,"</strong>",select_flag);
  666.         break;
  667.         
  668.       case "em":
  669.         performancingTextEdit.insertAtCursorEx("<em>" + str,"</em>",select_flag);
  670.         break;
  671.         
  672.       case "blockquote":
  673.         performancingTextEdit.insertAtCursorEx("<blockquote>" + str,"</blockquote>",select_flag);
  674.         break;
  675.         
  676.       case "increasefontsize":
  677.         performancingTextEdit.insertAtCursorEx("<big>" + str,"</big>",select_flag);
  678.         break;
  679.         
  680.       case "decreasefontsize":
  681.         performancingTextEdit.insertAtCursorEx("<small>" + str,"</small>",select_flag);
  682.         break;
  683.         
  684.       case "justifyleft":
  685.         performancingTextEdit.insertAtCursorEx("<div style=\"text-align: left;\">" + str,"</div>",select_flag);
  686.         break;
  687.         
  688.       case "justifycenter":
  689.         performancingTextEdit.insertAtCursorEx("<div style=\"text-align: center;\">" + str,"</div>",select_flag);
  690.         break;
  691.         
  692.       case "justifyright":
  693.         performancingTextEdit.insertAtCursorEx("<div style=\"text-align: right;\">" + str,"</div>",select_flag);
  694.         break;
  695.         
  696.       case "justifyfull":
  697.         performancingTextEdit.insertAtCursorEx("<div style=\"text-align: justify;\">" + str,"</div>",select_flag);
  698.         break;
  699.         
  700.       case "insertorderedlist":
  701.         var eachLineArray = str.split("\n");
  702.         var newLineString = "";
  703.         for(i=0; i< eachLineArray.length; i++){
  704.           if(newLineString == ""){
  705.             newLineString = newLineString +"<li>" + eachLineArray[i] + "</li>";
  706.           }else{
  707.             newLineString = newLineString +"<li>" + eachLineArray[i] + "</li>";
  708.           }
  709.         }
  710.         performancingTextEdit.insertAtCursor("<ol>"     + newLineString + "</ol>");
  711.         break;
  712.         
  713.       case "insertunorderedlist":
  714.         var eachLineArray = str.split("\n");
  715.         var newLineString = "";
  716.         for(i=0; i< eachLineArray.length; i++){
  717.           if(newLineString == ""){
  718.             newLineString = newLineString +"<li>" + eachLineArray[i] + "</li>";
  719.           }else{
  720.             newLineString = newLineString +"<li>" + eachLineArray[i] + "</li>";
  721.           }
  722.         }
  723.         performancingTextEdit.insertAtCursor("<ul>"     + newLineString + "</ul>");
  724.         break;
  725.         
  726.       case "forecolor2":
  727.         
  728.         var re = [];
  729.         var mycolor = ["#000"];
  730.         var localeString = performancingUI.getLocaleString('midascolor', []);
  731.         window.openDialog("chrome://performancing/content/color.xul", localeString,"chrome,modal,centerscreen",re,mycolor);
  732.         if(re[0]){
  733.           performancingTextEdit.insertAtCursorEx("<span style=\"color: " + mycolor[0] + "\">" + str,"</span>",select_flag);
  734.           //myColor = mycolor[0];
  735.         }
  736.         break;
  737.         
  738.       case "forecolor":
  739.         if(gPerFormancingColorPick == false){
  740.             gPerFormancingColorPick = true;
  741.             var mycolor = document.getElementById("performance-color-picker").color;
  742.             document.getElementById("performancing-message-source").focus();
  743.             performancingTextEdit.insertAtCursorEx("<span style=\"color: " + mycolor + "\">" + str,"</span>",select_flag);
  744.         }
  745.         window.setTimeout(performancingTextEdit.setColorPicker, 2000, true);
  746.         break;
  747.  
  748.         
  749.       default :
  750.         var localeString = performancingUI.getLocaleString('notimplementederror', []);
  751.         alert(localeString);
  752.     }
  753. }
  754.  
  755. //HTML!
  756. performancingTextEdit.insertHTMLAtCursorSetup = function(myCommand, str_clipboard, str, theBox) {
  757.     var bold = "<strong>";
  758.     var boldend="<\/strong>";
  759.     var color = "<font color=\"";
  760.     var color2 = "\">";
  761.     var colorend = "<\/font>";
  762.     var colorend2 = "</span>";
  763.     var select_flag = (str != "");
  764.     switch (myCommand){
  765.         
  766.       case "img":
  767.       /*
  768.         var imagetag = prompt("Please enter a Image URL:", "http://");
  769.         if (imagetag != "http://" && imagetag != null) {
  770.             performancingTextEdit.insertAtCursor("<img src=\"" + imagetag + "\"/>");
  771.         }
  772.         */
  773.         var theImageToInsert = performancingUI.openImageUpload();
  774.         if(theImageToInsert != false){
  775.             performancingTextEdit.insertAtCursor("<img src=\"" + theImageToInsert + "\"/>");
  776.         }
  777.         break;
  778.         
  779.       case "url2":
  780.         performancingTextEdit.insertAtCursorEx("<a href=\"\">" + str,"</a>",select_flag);
  781.         break;
  782.         
  783.       case "url":
  784.         var localeString = performancingUI.getLocaleString('midaseenterurl', []);
  785.         var myUrl = prompt(localeString, "http://");
  786.         if (myUrl != null && myUrl != "http://") {
  787.             performancingTextEdit.insertAtCursorEx("<a href=\"" + myUrl + "\">" + str,"</a>",select_flag);
  788.         }
  789.         break;
  790.         
  791.       case "bold":
  792.         performancingTextEdit.insertAtCursorEx("<b>" + str,"</b>",select_flag);
  793.         break;
  794.         
  795.       case "italic":
  796.         performancingTextEdit.insertAtCursorEx("<i>" + str,"</i>",select_flag);
  797.         break;
  798.         
  799.       case "underline":
  800.         performancingTextEdit.insertAtCursorEx("<u>" + str,"</u>",select_flag);
  801.         break;
  802.       
  803.       case "strikethrough":
  804.         performancingTextEdit.insertAtCursorEx("<strike>" + str,"</strike>",select_flag);
  805.         break;
  806.         
  807.       case "blockquote":
  808.         performancingTextEdit.insertAtCursorEx("<blockquote>" + str,"</blockquote>",select_flag);
  809.         break;
  810.         
  811.       case "strong":
  812.         performancingTextEdit.insertAtCursorEx("<strong>" + str,"</strong>",select_flag);
  813.         break;
  814.         
  815.       case "em":
  816.         performancingTextEdit.insertAtCursorEx("<em>" + str,"</em>",select_flag);
  817.         break;
  818.         
  819.       case "increasefontsize":
  820.         performancingTextEdit.insertAtCursorEx("<big>" + str,"</big>",select_flag);
  821.         break;
  822.         
  823.       case "decreasefontsize":
  824.         performancingTextEdit.insertAtCursorEx("<small>" + str,"</small>",select_flag);
  825.         break;
  826.         
  827.       case "justifyleft":
  828.         performancingTextEdit.insertAtCursorEx("<div align=\"left\">" + str,"</div>",select_flag);
  829.         break;
  830.         
  831.       case "justifycenter"://<div align="left">
  832.         performancingTextEdit.insertAtCursorEx("<div align=\"center\">" + str,"</div>",select_flag);
  833.         break;
  834.         
  835.       case "justifyright":
  836.         performancingTextEdit.insertAtCursorEx("<div align=\"right\">" + str,"</div>",select_flag);
  837.         break;
  838.         
  839.       case "justifyfull":
  840.         performancingTextEdit.insertAtCursorEx("<div align=\"justify\">" + str,"</div>",select_flag);
  841.         break;
  842.         
  843.       case "insertorderedlist":
  844.         var eachLineArray = str.split("\n");
  845.         var newLineString = "";
  846.         for(i=0; i< eachLineArray.length; i++){
  847.           if(newLineString == ""){
  848.             newLineString = newLineString +"<li>" + eachLineArray[i] + "</li>";
  849.           }else{
  850.             newLineString = newLineString +"<li>" + eachLineArray[i] + "</li>";
  851.           }
  852.         }
  853.         performancingTextEdit.insertAtCursor("<ol>"     + newLineString + "</ol>");
  854.         break;
  855.         
  856.       case "insertunorderedlist":
  857.         var eachLineArray = str.split("\n");
  858.         var newLineString = "";
  859.         for(i=0; i< eachLineArray.length; i++){
  860.           if(newLineString == ""){
  861.             newLineString = newLineString +"<li>" + eachLineArray[i] + "</li>";
  862.           }else{
  863.             newLineString = newLineString +"<li>" + eachLineArray[i] + "</li>";
  864.           }
  865.         }
  866.         performancingTextEdit.insertAtCursor("<ul>"     + newLineString + "</ul>");
  867.         break;
  868.         
  869.       case "forecolor2":
  870.         
  871.         var re = [];
  872.         var mycolor = ["#000"];
  873.         window.openDialog("chrome://performancing/content/color.xul", "PerFormancing Color","chrome,modal,centerscreen",re,mycolor);
  874.         if(re[0]){
  875.           performancingTextEdit.insertAtCursorEx("<font color=\"" + mycolor[0] + "\">" + str,"</font>",select_flag);
  876.           //myColor = mycolor[0];
  877.         }
  878.         break;
  879.         
  880.       case "forecolor":
  881.         if(gPerFormancingColorPick == false){
  882.             gPerFormancingColorPick = true;
  883.             var mycolor = document.getElementById("performance-color-picker").color;
  884.             document.getElementById("performancing-message-source").focus();
  885.             performancingTextEdit.insertAtCursorEx("<font color=\"" + mycolor + "\">" + str,"</font>",select_flag);
  886.         }
  887.         window.setTimeout(performancingTextEdit.setColorPicker, 2000, true);
  888.         break;
  889.  
  890.         
  891.       default : 
  892.         var localeString = performancingUI.getLocaleString('notimplementederror', []);
  893.         alert(localeString);
  894.     }
  895. }
  896.  
  897. performancingTextEdit.setColorPicker = function() {
  898.     gPerFormancingColorPick = false;
  899. }
  900.  
  901. performancingTextEdit.insertAtCursor = function( aText) {
  902.     try {
  903.       var command = "cmd_insertText";
  904.       var controller = document.commandDispatcher.getControllerForCommand(command);
  905.       if (controller && controller.isCommandEnabled(command)) {
  906.         controller = controller.QueryInterface(Components.interfaces.nsICommandController);
  907.         var params = Components.classes["@mozilla.org/embedcomp/command-params;1"];
  908.         params = params.createInstance(Components.interfaces.nsICommandParams);
  909.         params.setStringValue("state_data", aText);
  910.         controller.doCommandWithParams(command, params);
  911.       }
  912.     }catch (e) {
  913.       //alert("Can't do cmd_insertText! ");
  914.       //dump(e+"\n")
  915.     }
  916. }
  917.  
  918. performancingTextEdit.insertAtCursorEx = function(aText, bText, selection) {
  919.       this.insertAtCursor(aText+bText);
  920.       if ( selection ) {
  921.           //this.reselectCursor(aText+bText);
  922.       } else {
  923.           this.backupCursor(bText);
  924.       }     
  925. }
  926.  
  927. //Original Function by Asquella, modified by Patrick Wildenborg
  928. performancingTextEdit.backupCursor = function(aText) {
  929.     try {
  930.       var command = "cmd_charPrevious";
  931.       var controller = document.commandDispatcher.getControllerForCommand(command);
  932.       if (controller && controller.isCommandEnabled(command)) {
  933.         controller = controller.QueryInterface(Components.interfaces.nsICommandController);
  934.         var params = Components.classes["@mozilla.org/embedcomp/command-params;1"];
  935.         params = params.createInstance(Components.interfaces.nsICommandParams);
  936.         var len = aText.length
  937.         while( len-- > 0 ) {
  938.             controller.doCommand(command, params);
  939.         }
  940.       }
  941.     }catch (e) {
  942.       //dump("Can't do cmd_insertText! ");
  943.       //dump(e+"\n")
  944.     }
  945. }
  946.  
  947. performancingTextEdit.moveCursorForward = function(aText) {
  948.     try {
  949.       var command = "cmd_charNext";
  950.       var controller = document.commandDispatcher.getControllerForCommand(command);
  951.       if (controller && controller.isCommandEnabled(command)) {
  952.         controller = controller.QueryInterface(Components.interfaces.nsICommandController);
  953.         var params = Components.classes["@mozilla.org/embedcomp/command-params;1"];
  954.         params = params.createInstance(Components.interfaces.nsICommandParams);
  955.         var len = aText.length
  956.         while( len-- > 0 ) {
  957.             controller.doCommand(command, params);
  958.         }
  959.       }
  960.     }catch (e) {
  961.       //dump("Can't do cmd_insertText! ");
  962.       //dump(e+"\n")
  963.     }
  964. }
  965.  
  966. //Original Function by Asquella, modified by Patrick Wildenborg
  967. //Bug: If there is a line wrap in the text box, we are 1 char off on the selection.
  968. // Not sure how to check that boundery condition.
  969. performancingTextEdit.reselectCursor = function(aText) {
  970.     try {
  971.       var command = "cmd_selectCharPrevious";
  972.       var controller = document.commandDispatcher.getControllerForCommand(command);
  973.       if (controller && controller.isCommandEnabled(command)) {
  974.         controller = controller.QueryInterface(Components.interfaces.nsICommandController);
  975.         var params = Components.classes["@mozilla.org/embedcomp/command-params;1"];
  976.         params = params.createInstance(Components.interfaces.nsICommandParams);
  977.         var len = aText.length
  978.         while( len-- > 0 ) {
  979.             controller.doCommand(command, params);
  980.         }
  981.       }
  982.     }catch (e) {
  983.       //dump("Can't do cmd_insertText! ");
  984.       //dump(e+"\n")
  985.     }
  986. }
  987.  
  988. // Not currently used (for old prototype)
  989. performancingTextEdit.switchStyles = function(aNum) {
  990.     var ourStyleBox = document.getElementById("performancing-main-hbox");
  991.     var ourStyleVBox = document.getElementById("performancing-main-vbox");
  992.     var ourWindow = document.getElementById("transpTest");
  993.     
  994.     switch (aNum){
  995.         
  996.       case "1":
  997.         ourStyleBox.setAttribute('style', "background-image: url('chrome://performancing/skin/bg-temp.png'); background-repeat: repeat-x; ");
  998.         ourStyleVBox.setAttribute('style', "padding: 15px;");
  999.         ourWindow.setAttribute('style', "background-color: none; border: 0;");
  1000.         break;
  1001.         
  1002.       case "2":
  1003.         ourStyleBox.setAttribute('style', "background-image: url('chrome://performancing/skin/ffextmockup_3.png'); background-repeat: repeat-x; ");
  1004.         ourStyleVBox.setAttribute('style', "padding: 50px;");
  1005.         ourWindow.setAttribute('style', "background-color: white; border: 0;");
  1006.         break;
  1007.         
  1008.       case "3":
  1009.         ourStyleBox.setAttribute('style', "background-image: url('chrome://performancing/skin/bg-temp3.png'); background-repeat: repeat-x; ");
  1010.         ourStyleVBox.setAttribute('style', "padding: 15px;");
  1011.         ourWindow.setAttribute('style', "background-color: none; border: 0;");
  1012.         break;
  1013.         
  1014.       case "4":
  1015.         ourStyleBox.setAttribute('style', "");
  1016.         ourStyleVBox.setAttribute('style', "padding: 15px;");
  1017.         ourWindow.setAttribute('style', "background-color: none; border: 0;");
  1018.         break;
  1019.         
  1020.       case "5":
  1021.         ourStyleBox.setAttribute('style', "background-image: url('chrome://performancing/skin/ffextmockup_3.png'); background-repeat: repeat-x; ");
  1022.         ourStyleVBox.setAttribute('style', "padding: 50px;");
  1023.         ourWindow.setAttribute('style', "background-color: transparent; border: 0;");
  1024.         break;
  1025.         
  1026.       default:
  1027.         var localeString = performancingUI.getLocaleString('styledoesnotexist', []);
  1028.         alert(localeString);
  1029.         break;
  1030.     }
  1031. }
  1032.